/**
 * App.tsx
 * 应用程序的根组件，负责渲染路由系统
 * 使用 React Router 的 useRoutes hook 来管理路由
 */

// import React from 'react'
import router from './router/Index';
import { useRoutes } from 'react-router-dom';

/**
 * App 组件
 * 作为应用程序的根组件，主要负责：
 * 1. 集成路由系统
 * 2. 渲染当前路由对应的组件
 * @returns 返回渲染的路由组件
 */
const App = () => {
  return (
    <div>{useRoutes(router)}</div>
  )
}

export default App;